<!doctype html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Documento sin t&iacute;tulo</title>
        <!-- Desarrollado por Milagros Negrin 17/1/2014 version 0.1-->
        <!-- Estilo General y librerias js -->
        <link rel = "stylesheet" href = "http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
        <script src = "http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src = "http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <link rel = "stylesheet" href = "/resources/demos/style.css">
        <script>
            $(function() {
                $("#accordion").accordion();
            });
        </script>
        <?php include '../../../lib/include/styles_view.php'; ?>
        <?php include("../../../lib/include/scripts_view.php"); ?>
        <?php
        /** Pase de parametros si es necesario, en este caso el parametro esta seteado con el nombre de la carpeta... * */
        @$_REQUEST["dir"] = "sec";
        $_parameters =
                '&dir=' . @$_REQUEST["dir"];
        /** llamado al controlador register que se encuentra en la carpeta ser_user para el pase de parametro se consulta
         *  antes si es necesario ejemplo extraer el ultimo id registrado e incrementar para mostra en id del proximo  a registrar* */
        echo '<script type="text/javascript">controller("../../controller/inscripcion/register.php","' . $_parameters . '","conten_temp_script");</script>';
        ?>
        <!-- Estilo de los * -->
        <style type="text/css">
            <!--
            .Estilo1 {color: #FF0000}
            -->
        </style>
    </head>
    <body style="background-color: #FFFFFF;">
        <!-- cuerpo de la pagina-->
        <div id="cont_body_height">
            <div id="colum_der">
                <div id="colum_der_body">
                    <div id="title">
                        Registrar Inscripci&oacute;n
                        <br>
                        <br>
                    </div>
                    <!-- pestañas-->
                    <div id="botonera1">
                        <div class="button">
                            <a href="../inscripcion/register.php?&dir=sec" target="centro">
                                <div style="margin:5px 0 0 0 ">
                                    Registrar
                                </div>
                            </a>
                        </div>
                        <div class="button button_select">
                            <a href="../inscripcion/consult.php?&dir=sec" target="centro">
                                <div style="margin:5px 0 0 0 ">
                                    Consultar
                                </div>
                            </a>
                        </div>
                        <div class="both"></div>
                    </div>
                    <!-- llamado a send_form funcion que extraer los valores de los formularios y los valida
                            antes de enviarlo a el controlador se encuentra en lib->js-funciones.js -->
                    <form name="form" 
                          onsubmit="
                var res = send_form(
                        this,
                        '../../controller/inscripcion/register.php',
                        'conten_temp_script',
                        '&acc=regi<?php echo $_parameters ?>'
                        );
                return false;
                          "
                          >
                        <!--Botonera guardar modificar eliminar consultar etc  -->
                        <div id="botonera2" style="background-color:#CCCCCC">
                            <input class="submit" type="submit" value="" alt="Guardar" title="Guardar"/>
                            <img src="../../../img/save_32.png" class="" alt="Guardar" title="Guardar"/>						
                            <img src="../../../img/modificar.png" alt="Modificar" title="Modificar"/>
                            <img src="../../../img/imprimir.png" alt="Imprimir" title="Imprimir"/>		   
                            <div class="both"></div>
                        </div>
                        <!--cuerpo del formulario -->
                        <div id="developer_body">
                            <div  align="center" style="float: center;height: 300 px;overflow: auto;width: 725px;">

                                <!--formulario cada campo se coloca con la siguiente nomenclatura
                                    si e numero ejemplo cedula CI_"i"_"1" CI nombre del campo , i de entero y 1 es obligatorio
                                    en campo tambien debe colocarse class="requiere" para que el campo sea de color amarillo agregar  
                                    alt="lo que se quiere enviar por mensaje de error en alert"
                                    para verificar la nomenclatura en en lib->js-funciones.js-->
                                <!-- inicio de accordion-->
                                <div id = "accordion">
                                    <h3> Datos del alumno(a)</h3>
                                    <div>
                                        <table width="695">
                                            <tr>
                                                <td width="">C&eacute;dula:</td>
                                                <td width="218">
                                                    <input class="requiere" id="CedulaAlum_i_1"  name="cedulaAlum_i_1" alt="El Campo Cédula es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td width="">Nombre </td>
                                                <td width="225">
                                                    <input class="requiere" id="NombreAlum_t_1"  name="nombreAlum_t_1" alt="El Campo Nombre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Apellido:</td>
                                                <td>
                                                    <input class="requiere" id="ApellidoAlum_t_1"  name="apellidoAlum_t_1" alt="El Campo Apellido es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Fecha de Nacimiento:</td>
                                                <td>
                                                    <input class="requiere" id="FechaN_t_1"  name="fechaN_t_1" alt="El Campo Fecha de Nacimiento es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Lugar de Nacimiento:</td>
                                                <td>
                                                    <input class="requiere" id="LugarNacimientoAlum_t_1"  name="LugarNacimientoAlum_t_1" alt="El Campo Apellido es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Sexo:</td>
                                                <td>
                                                    <select class="requiere" id="Sexo_t_1" name="sexo_t_1">
                                                        <option value="Seleccione">Seleccione</option>
                                                        <option value="F">Femenino</option>
                                                        <option value="M">Masculino</option>
                                                    </select>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td> 
                                            </tr>
                                            <tr>
                                                <td>Religion:</td>
                                                <td>
                                                    <input class="requiere" id="Religion_t_1"  name="religion_t_1" alt="El Campo Religión es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Direcci&oacute;n de Habitaci&oacute;n:</td>
                                                <td>
                                                    <textarea rows="1" cols="20" id="DireccionHabAlum_t_1"  name="direccionHabAlum_t_1" alt="El Campo Direccön de Habitacion es requerido">
                                                    </textarea> 
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Periodo Escolar</td>
                                                <td>
                                                    <input class="requiere" id="Periodo_t_1"  name="Periodo_t_1" alt="El Campo Periodo Escolar es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Nivel o Grado a Cursar:</td>
                                                <td>
                                                    <div id="grado"></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Secci&oacute;n - Turno:</td>
                                                <td>
                                                    <div id="seccion" ></div>
                                                </td>
                                            </tr>
                                            <tr>
                                            </tr>
                                        </table>
                                    </div>
                                    <h3> Datos del Padre </h3>
                                    <div>
                                        <table width="695">
                                            <tr>
                                                <td width="">C&eacute;dula:</td>
                                                <td width="218">
                                                    <input class="requiere" id="CedulaPa_i_1"  name="cedulaPa_i_1" alt="El Campo Cedula del padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Nacionalidad:</td>
                                                <td width="225">
                                                    <input class="requiere" id="NacionalidadPa_t_1"  name="nacionalidadPa_t_1" alt="El Campo Nacionalidad del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="">Nombre </td>
                                                <td >
                                                    <input class="requiere" id="NombrePa_t_1"  name="NombrePa_t_1" alt="El Campo Nombre del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Apellido:</td>
                                                <td>
                                                    <input class="requiere" id="ApellidoPa_t_1"  name="ApellidoPa_t_1" alt="El Campo Apellido del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Tel&eacute;fono:</td>
                                                <td>
                                                    <input class="requiere" id="TelefonoPa_i_1"  name="TelefonoPa_i_1" alt="El Campo Telefono del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Direcci&oacute;n de Habitaci&oacute;n:</td>
                                                <td>
                                                    <input class="requiere" id="DireccionHabPa_t_1"  name="DireccionHabPa_t_1" alt="El Campo Direcci&oacute;n de Habitaci&oacute;n del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Ocupaci&oacute;n:</td>
                                                <td>
                                                    <input class="requiere" id="OcupacionPa_t_1"  name="OcupacionPa_t_1" alt="El Campo Ocupaci&oacute;n del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Direcci&oacute;n de Trabajo:</td>
                                                <td>
                                                    <input class="requiere" id="DireccionTraPa_t_1"  name="DireccionTraPa_t_1" alt="El Campo Direcci&oacute;n de Trabajo es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Telefono de Trabajo:</td>
                                                <td>
                                                    <input class="requiere" id="TelefonoTraPa_t_1"  name="TelefonoTraPa_i_1" alt="El Campo Direcci&oacute;n de Habitaci&oacute;n del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <h3> Datos de la Madre </h3>
                                    <div>
                                        <table width="689" >
                                            <tr>
                                                <td width="">C&eacute;dula:</td>
                                                <td width="218">
                                                    <input class="requiere" id="CedulaMa_i_1"  name="CedulaMa_i_1" alt="El Campo Salón es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Nacionalidad:</td>
                                                <td width="225">
                                                    <input class="requiere" id="NacionalidadMa_t_1"  name="NacionalidadMa_i_1" alt="El Campo Salón es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Nombre </td>
                                                <td>
                                                    <input class="requiere" id="NombreMa_t_1"  name="NombreMa_t_1" alt="El Campo Nombre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Apellido:</td>
                                                <td>
                                                    <input class="requiere" id="ApellidoMa_t_1"  name="ApellidoMa_t_1" alt="El Campo Apellido es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Tel&eacute;fono:</td>
                                                <td>
                                                    <input class="requiere" id="TelefonoMa_i_1"  name="TelefonoMa_i_1" alt="El Campo Edad es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                                <td>Ocupaci&oacute;n:</td>
                                                <td>
                                                    <input class="requiere" id="OcupacionMa_t_1"  name="OcupacionMa_i_1" alt="El Campo Edad es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Direcci&oacute;n de Habitaci&oacute;n:</td>
                                                <td>
                                                    <input class="requiere" id="DireccionHabMa_t_1"  name="DireccionHabMa_i_1" alt="El Campo Edad es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>

                                                <td>Direcci&oacute;n de Trabajo:</td>
                                                <td>
                                                    <input class="requiere" id="DireccionTraMa_t_1"  name="DireccionTraMa_i_1" alt="El Campo Edad es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Telefono de Trabajo:</td>
                                                <td>
                                                    <input class="requiere" id="TelefonoTraMa_i_1"  name="TelefonoTraMa_i_1" alt="El Campo Direcci&oacute;n de Habitaci&oacute;n del Padre es requerido"/>
                                                    <span class="Estilo2 Estilo1">*</span>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <h3> Datos Generales</h3>
                                    <div>
                                        <table width="695" >
                                            <tr>
                                                <td  colspan="3">Tiene hermanas(os) en el Colegio:</td>
                                                <td width="218">
                                                    <input type="checkbox" id="mybox" name="mybox" value="1" >Si
                                                </td>
                                            </tr>  
                                        </table>
                                        <div id="hermano" name="hermano" style="display: none"> 
                                            <table width="695">
                                                <tr>
                                                    <td>Nombre y Apellido:</td>
                                                    <td  width="218">
                                                        <input class="requiere" id="NombreHer_i"  name="NombreHer_i" alt="El Campo Salón es requerido"/>
                                                    </td>
                                                    <td>Grado de Instrucci&oacute;n</td>
                                                    <td  width="225">
                                                        <input class="requiere" id="GradoHer_i"  name="GradoHer_i" alt="El Campo Salón es requerido"/>
                                                    </td>  
                                                </tr>
                                            </table>
                                        </div>
                                        <table width="695" >
                                            <tr>
                                                <td colspan="3">Tiene transporte que busca al niño en Colegio:</td>
                                                <td width="218">
                                                    <input type="checkbox" id="cheTra" name="cheTra" value="1" >Si
                                                </td>
                                            </tr>  
                                        </table>
                                        <div id="transporte" name="transporte" style="display: none"> 
                                            <table width="695">
                                                <tr>
                                                    <td>Nombre y Apellido:</td>
                                                    <td width="218">
                                                        <input class="requiere" id="NombreChofer_i"  name="NombreChofer_i" alt="El Campo Salón es requerido"/>
                                                    </td>
                                                    <td>Tel&eacute;fono</td>
                                                    <td width="225">
                                                        <input class="requiere" id="TelefonoChofer_i"  name="TelefonoChofer_i" alt="El Campo Salón es requerido"/>
                                                    </td>  
                                                </tr>
                                            </table>
                                        </div>
                                        <table width="695" >
                                            <tr>
                                                <td > En caso de Fiebre Indique, Medicamento:</td>
                                                <td width="218">
                                                    <input class="requiere" id="Medicamento_t"  name="Medicamento_t_1" alt="El Campo Nombre es requerido"/>
                                                </td>
                                                <td>Dosis:</td>
                                                <td width="225">
                                                    <input class="requiere" id="Dosis_t"  name="Dosis_t" />
                                                </td>
                                            </tr>  
                                            <tr>
                                                <td>Alergico a:</td>
                                                <td width="218">
                                                    <input class="requiere" id="Alergico_t"   name="Alergico_t" />
                                                </td>
                                                <td>En caso de emergencia Indique, Tel&eacute;fono:</td>
                                                <td width="225">
                                                    <input class="requiere" id="TelefonoEme_i"  name="TelefonoEme_i" alt="El Campo Edad es requerido"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Observaci&oacute;n del representante:</td>
                                                <td>
                                                    <textarea rows="1" cols="20" id="ObsRep_t"  name="ObsRep_t" alt="El Campo Direccön de Habitacion es requerido">
                                                    </textarea> 
                                                </td>
                                                <td>Observaci&oacute;n del Colegio:</td>
                                                <td>
                                                    <textarea rows="1" cols="20" id="ObsCol_t"  name="ObsCol_t" alt="El Campo Direccön de Habitacion es requerido">
                                                    </textarea> 
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- div para los alert-->
                <div id="conten_temp_script" style="display:none"></div>
                <!--espacio para los mensajes --> 
                <div id="msj_err"  ><img src="../../../img/flag_yellow.png" width="16" height="16">Los Campos marcados con asteriscos<span class="Estilo1"> (*)</span> son obligatorio...</div>
            </div>
        </div>
    </div>
</body>
</html>
<script>
            $("#grado").change(function() {
                var id = $("#Grado_t_1").val();
                //alert(id);
                $.ajax({
                    type: "POST",
                    url: "selectsecc.php",
                    data: "id=" + id,
                    cache: true,
                    success: function(html) {
                        $('#seccion').html(html);
                    }
                });
            });

            $(document).ready(function() {
                $("#mybox").click(function() {
                    $("#hermano").toggle();

                });
                var marcado = $("#mybox").prop("checked") ? true : false;
                if (marcado == "true") {
                    alert(marcado);
                }
            });

            $(document).ready(function() {
                $("#cheTra").click(function() {
                    $("#transporte").toggle();

                });
                var marcadotra = $("#cheTra").prop("checked") ? true : false;
                if (marcadotra == "true") {
                    alert(marcadotra);
                }
            });
</script>

